<template>
  <div class="nyRight">
    <echart-main class="echartsMain1">
      <template v-slot:title>投资政策</template>
      <template v-slot:echart>
        <div class="zs_main">
          <p>学习贯彻党的十九届六中全会精神中央宣讲团在全国政协机关</p>
          <p>学习贯彻党的十九届六中全会精神中央宣讲团在全国政协机关</p>
          <p>学习贯彻党的十九届六中全会精神中央宣讲团在全国政协机关</p>
          <p>学习贯彻党的十九届六中全会精神中央宣讲团在全国政协机关</p>
          <p>学习贯彻党的十九届六中全会精神中央宣讲团在全国政协机关</p>
          <p>学习贯彻党的十九届六中全会精神中央宣讲团在全国政协机关</p>
        </div>
      </template>
    </echart-main>
    <echart-main class="echartsMain2">
      <template v-slot:title>招商项目</template>
      <template v-slot:echart>
        <div class="zs_imgs">
          <img src="~assets/img/sy/zsImg.jpg" alt="" />
          <img src="~assets/img/sy/zsImg.jpg" alt="" />
          <img src="~assets/img/sy/zsImg.jpg" alt="" />
          <img src="~assets/img/sy/zsImg.jpg" alt="" />
        </div>
      </template>
    </echart-main>
    <echart-main class="echartsMain1">
      <template v-slot:title>投资信息</template>
      <template v-slot:echart>
        <div class="zs_main">
          <p>学习贯彻党的十九届六中全会精神中央宣讲团在全国政协机关</p>
          <p>学习贯彻党的十九届六中全会精神中央宣讲团在全国政协机关</p>
          <p>学习贯彻党的十九届六中全会精神中央宣讲团在全国政协机关</p>
          <p>学习贯彻党的十九届六中全会精神中央宣讲团在全国政协机关</p>
          <p>学习贯彻党的十九届六中全会精神中央宣讲团在全国政协机关</p>
        </div>
      </template>
    </echart-main>
  </div>
</template>

<script>
import EchartMain from "components/content/echartMain/EchartMain.vue";

export default {
  components: { EchartMain },
  data() {
    return {};
  },

  mounted() {},

  methods: {},
};
</script>

<style lang="scss" scoped>
.nyRight {
  background-color: rgba(3, 19, 60, 0.9);
  width: 400px;
  height: calc(100% - 90px);
  position: absolute;
  top: 90px;
  right: 0;
}
.zs_imgs {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  img {
    width: 40%;
  }
}
.zs_main {
  height: 100%;
  width: 100%;
  overflow: auto;
}
.echartsMain1 {
  width: 100%;
  height: 25%;
}
.echartsMain2 {
  width: 100%;
  height: 50%;
}
</style>